<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>我的博客</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/jquery-ui.min.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<link rel="stylesheet" href="css/common.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/nojs.js"></script>
		<script>
			$(function() {
				//复制列表
				var $item = $(".post_list .post_item");
				$(".post_list").append($item.clone()).append($item.clone()).append($item.clone());

				$("#t1").datetimepicker();
			});
		</script>
	</head>

	<body>
		<!--容器开始-->
		<div class="container-fluid">
			<!--第一行开始-->
			<div class="row" style="background: deepskyblue;">
				<div class="col-md-4">
					<div style="padding-top: 10px;">
						<h4>冬哥的博客</h4></div>
				</div>
				<div class="col-md-4">
				</div>
				<div class="col-md-4">
					<div class="pull-right-2">
						<iframe style="float: right;" width="100%" scrolling="no" height="65px;" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5"></iframe>
					</div>
				</div>
			</div>

			<!--第一行结束-->

			<!--主体开始-->
			<div class="row">
				<!--左侧菜单-->
				<div class="col-md-2">
					<div class="menu_div">
						<h4>系统菜单</h4>
						<ul class="left_menu nav nav-stacked">
							<li>
								<a>系统模块</a>
								<ul class="itme">
									<li>
										<a>11122222222</a>
									</li>
									<li>
										<a>222</a>
									</li>
									<li> <a>333</a>
									</li>
								</ul>
							</li>

							<li>
								<a>测试 哈哈</a>
								<ul class="itme">
									<li>
										<a>444</a>
									</li>
									<li>
										<a class="current">555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>

							<li>
								<a>java</a>
								<ul class="itme">
									<li>
										<a>444</a>
									</li>
									<li>
										<a>555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<!--中间列表-->

				<div class="col-md-10">

					<div class=" inline ">
						<ul class="breadcrumb pull-left">
							<li>
								当前位置: <span class="glyphicon glyphicon-home"></span>
								<a href="#">Home</a>
							</li>
							<li>
								<a href="#">2013</a>
							</li>
							<li class="active">十一月</li>
						</ul>
						<form class="pull-right  form-inline " style="margin-top: 5px;" role="search">
							<div class="form-group">
								<input class="form-control" type="text" />
							</div>
							<button type="submit" class="btn btn-default">搜索</button>
						</form>
					</div>

					<div class="row">
						<div class="col-md-12">
							<form class="form-inline " role="form" method="post">
								<div class="form-group">
									<label class="sr-only" for="lookup-name">名称</label>
									<input type="text" class="form-control" id="name" placeholder="请输入名称">
								</div>

								<div class="form-group">
									<label class="sr-only" for="lookup-communityId">类型</label>
									<select class="form-control " id="lookup-communityId" name="communityId" data-value="1">
										<option value="">--请选择--</option>
										<option value="2">--类型1--</option>
										<option value="1">--类型2--</option>
									</select>
								</div>
								<div class="form-group">
									<label class="sr-only" for="lookup-mobile">电话</label>
									<input id="lookup-mobile" class="form-control" name="mobile" value="123456" placeholder="电话" />
								</div>
								<div class="form-group form-btn-bar">
									<button type="submit" class="btn btn-primary btn-sm"><i class="glyphicon glyphicon-search"></i> 查询</button>
									<button type="button" class="btn btn-info btn-sm reset"><i class="glyphicon glyphicon-refresh"></i> 重置</button>
								</div>
							</form>
							<hr/>
							<form class="nocol">
								<div class="action-bar">
									<a class="btn btn-sm btn-success" href="0"><i class="glyphicon glyphicon-plus"></i> 添加</a>
									<button class="btn btn-sm btn-danger action-post" type="button"><span class="glyphicon glyphicon-trash"></span> 批量删除</button>
								</div>
								<table class="table table-striped table-bordered table-hover ">
									<thead>
										<tr>
											<th><input type="checkbox"></th>
											<th>名称</th>
											<th>城市</th>
											<th>密码</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td><input type="checkbox"></td>
											<td>Tanmay</td>
											<td>Bangalore</td>
											<td>560001</td>
										</tr>
										<tr>
											<td><input type="checkbox"></td>
											<td>Sachin</td>
											<td>Mumbai</td>
											<td>400003</td>
										</tr>
										<tr>
											<td><input type="checkbox"></td>
											<td>Uma</td>
											<td>Pune</td>
											<td>411027</td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!--主体结束-->

			<!--页脚-->
			<div id="footer" class="container">
				<nav class="navbar navbar-default navbar-fixed-bottom">
					<div class="navbar-inner navbar-content-center">
						<div align="center" style="padding-top: 10px;">
							<!--<span style="float: left;padding-left: 20px;">整理自 <a  href="http://www.baidu.com" target="_blank">网络</a> V1.0</span>-->Copyright © VIC学习记录
						</div>
					</div>
				</nav>
			</div>
			<!--容器结束-->
		</div>
	</body>

</html>